@import "common";

main{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: vw(750);
    .gather{
        display:flex;
        flex-direction: column;
        justify-content: space-evenly;
        width: vw(700);
        height: vw(248);
        overflow: hidden;
        .chart_font{
            display: flex;
            justify-content: space-between;
            li{
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: vw(26);
                img{
                    width: vw(149);
                }
            }
        }
        .dot{
            width: vw(94);
            display: flex;
            margin: 0 auto;
            justify-content: space-between;
            li{
                width: vw(19);
                height: vw(19);
                border-radius: 50%;
                background-color: #ff9344;
                opacity: 0.5;
            }
            .active{
                opacity: 1;
            }
        }
    }
    .gather_content{
        width: vw(704);
        height: vw(264);
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        .content_img{
            display: flex;
            justify-content: space-between;
            img{
                width: vw(133);
            }
        }
    }
}